﻿<!DOCTYPE html>
<html lang="en">
<head>

    <link href="../../statics/css/indexs/BigData.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index01.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <link href="../../statics/css/indexs/Security_operation.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/js/artDialog/skins/default.css" type="text/css"/>
    <script src="../../statics/libs/jquery.min.js"></script>
   <!-- <script src="../../statics/js/indexs/laydate.js"></script>-->
    <script src="../../statics/js/indexs/home_page.js"></script>
    <!--<link rel="stylesheet" href="${request.contextPath}/statics/plugins/ztree/css/metroStyle/metroStyle.css">-->
    <meta charset="UTF-8">
    <title>盂县服务区信息平台</title>
    <#include "/header.html">
    <style>
        .playWnd {
            width:  100%;                  /*播放容器的宽和高设定*/
            height: 100%;
            /*border: 1px solid red;*/

        }
        .camaraRow1{
            text-align:center;
            width: 24%;
            margin-left: 1%;
            height: 26px;
            line-height: 22px;
            cursor: pointer
        }
        .camaraRow2{
            text-align:center;
            width: 24%;
            margin-left: 1%;
            margin-top:1%;
            height: 26px;
            line-height: 22px;
            cursor: pointer
        }
        .order{
            background-color: #666b8c;
        }
        .camera-left{}
        .camera-right{}
        .camera-run{}
    </style>
</head>
<body >
<div style="color: white;font-size: 32px;position: absolute;text-align: center;padding-top: 1%;z-index: 9;left: 41%;" >盂县服务区信息平台</div>
<div style="position: absolute;width: 30px;height: 20px;z-index: 9999999999999999999" onclick="goBackstage()"></div>
<div style="left:98.5% ;position: absolute;width: 30px;height: 20px;z-index: 9999999999999999999" onclick="newPage()"></div>
<div class="data_bodey">
    <div class="index_nav" >
        <ul style="height: 30px; margin-bottom: 0px;">
            <li class="l_left total_chose_fr nav_active">实时监测</li>
            <li class="l_left total_chose_pl" >流量分析</li>
            <li class="l_left total_chose_pl">订单分析</li>
            <li class="r_right total_chose_fr">大屏推送</li>
            <li class="r_right total_chose_pl">车位管理</li>
            <li class="r_right total_chose_fr">智慧公厕</li>
            <li class="r_right total_chose_fr">视频监控</li>
        </ul>
        <div class="total_chose_box" style="padding:1%;display: none;">
            <div style="height: 10px;"></div>
            <span id="thisDay" onclick="choicetime(0)" class="year_chose" style="background-color: #3366FF;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本天</span>
            <span id="thisMonth" onclick="choicetime(1)" class="year_chose" style="margin-left:5px;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本月</span>
            <input  style="margin-left:5px;float: left;display:inline-block;height:26px;width: 8% ;" type="text"  class="layui-input" id="choiceday" placeholder="选择日期">
            <input  style="margin-left:5px;float: left;display:none;height:26px;width: 8% ;" type="text"  class="layui-input" id="choicemonth" placeholder="选择月">
            <span  id="submit" onclick="query()" class="year_chose" style="margin-left:5px;width: 4% ;display:block;background-color: #3366FF;text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer">查询</span>
            <!--<span  onclick="choicetime(7)" class="year_chose" style="text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer;margin-left: 1%">近7天</span>
            <span  onclick="choicetime(30)" class="year_chose" style="text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer;margin-left: 1%">近30天</span>-->
        </div>
        <div class="clear"></div>
    </div>
    <div class="index_tabs" >
        <!--安防运作-->
        <div class="inner" style="height: 109%;">
            <div class="left_cage" style="width: 29%">
                <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 15%;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 17%">实时车位</div>
                        <table class="table_data01" style="text-align: center">

                            <tr><td class="font6">总车位</td><td class="font6">剩余车位</td><td class="font6">南区剩余</td><td class="font6">北区剩余</td></tr>
                            <tr><td id="pz" class="font6">433</td><td id="pk" class="font6">--</td><td id="psk" class="font6">--</td><td id="pnk" class="font6">--</td></tr>

                        </table>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="margin-top: 1% !important; height: 15%; position: relative;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 18%">智慧公厕</div>
                        <table class="table_data01" style="text-align: center">

                            <tr><td class="font6">南区男厕</td><td class="font6">南区女厕</td><td class="font6">北区男厕</td><td class="font6">北区女厕</td></tr>
                            <tr><td id="nanS" class="font6">0</td><td id="nvS" class="font6">0</td><td id="nanN" class="font6">0</td><td id="nvN" class="font6">0</td></tr>

                        </table>
                    </div>

                </div>
                <!--车流量变化曲线-->
                <div class="dataAllBorder01 cage_cl" style="margin-top: 1% !important; height: 31%">
                    <div class="dataAllBorder02" >
                        <div class="data_tit1" style="height: 7%">今日车流趋势</div>
                        <div id="scount" style="width: 10%;height: 4%;position: absolute;color: white;font-size: 16px;margin-left: 2%;margin-top: 1%"></div>
                        <div id="ncount" style="width: 10%;height: 4%;position: absolute;color: white;font-size: 16px;margin-left: 20%;margin-top: 1%"></div>
                        <div class="zhanleft02" id="cllChart" style="height: 90%"></div>
                    </div>
                </div>
                <!--车流量变化曲线-->
                <div class="dataAllBorder01 cage_cl" style="margin-top: 1% !important; height: 31%">
                    <div class="dataAllBorder02" >
                        <div class="data_tit1"style="height: 7%">今日客流趋势</div>
                        <div id="skllCount" style="width: 10%;height: 4%;position: absolute;color: white;font-size: 16px;margin-left: 2%;margin-top: 1%"></div>
                        <div id="nkllCount" style="width: 10%;height: 4%;position: absolute;color: white;font-size: 16px;margin-left: 20%;margin-top: 1%"></div>
                        <p class="zhanleft02" id="kllChart" style="height: 90%"></p>
                    </div>
                </div>
            </div>

            <div class="center_cage" style="width: 41%">
                <!--流量统计-->
                <div class="dataAllBorder01 cage_cl" style="margin-top: 6.5% !important; height: 15%;">
                    <div class="dataAllBorder02" >
                        <div style="width: 49%;height:50%;float: left;margin-top: 1%;margin-left: 1%">
                            <div class="analysis" style="width: 27%;float: left">今日车流量</div>
                            <ul  class="data_show_box">
                                <li class="data_cage" id="cll5">0</li>
                                <li class="data_cage" id="cll4">0</li>
                                <li class="data_cage" id="cll3">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage" id="cll2">0</li>
                                <li class="data_cage" id="cll1"> 0</li>
                                <li class="data_cage" id="cll0">0</li>
                                <li class="data_cage" style="background-image: none;font-size: 14px;padding-top: 5%;width: 10%">车次</li>
                            </ul>

                        </div>
                        <div style="width: 49%;height:50%;float: left;margin-top: 1%">
                            <div class="analysis" style="width: 27%;float: left">今日客流量</div>
                            <ul  class="data_show_box">
                                <li class="data_cage" id="kll5">0</li>
                                <li class="data_cage" id="kll4">0</li>
                                <li class="data_cage" id="kll3">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage" id="kll2">0</li>
                                <li class="data_cage" id="kll1"> 0</li>
                                <li class="data_cage" id="kll0">0</li>
                                <li class="data_cage" style="background-image: none;font-size: 14px;padding-top: 5%;width: 10%">人次</li>
                            </ul>
                        </div>
                        <div style="width: 49%;height:50%;float: left;margin-left: 1%">
                            <div class="analysis" style="width: 27%;float: left">今日销售量</div>
                            <ul  class="data_show_box">
                                <li class="data_cage" id="xsl5">0</li>
                                <li class="data_cage" id="xsl4">0</li>
                                <li class="data_cage" id="xsl3">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage" id="xsl2">0</li>
                                <li class="data_cage" id="xsl1">0</li>
                                <li class="data_cage" id="xsl0">0</li>
                                <li class="data_cage" style="background-image: none;font-size: 14px;padding-top: 5%;width: 10%">次</li>
                            </ul>

                        </div>
                        <div style="width: 49%;height:50%;float: left">
                            <div class="analysis" style="width: 27%;float: left">今日销售额</div>
                            <ul  class="data_show_box">
                                <li class="data_cage" id="xse5">0</li>
                                <li class="data_cage" id="xse4">0</li>
                                <li class="data_cage" id="xse3">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage" id="xse2">0</li>
                                <li class="data_cage" id="xse1">0</li>
                                <li class="data_cage" id="xse0">0</li>
                                <li class="data_cage" style="background-image: none;font-size: 14px;padding-top: 5%;width: 10%">元</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="margin-top: 0.5% !important; height: 39%;">
                    <div class="dataAllBorder02" id="map_title_innerbox">
                        <div class="map_title_box" style="height: 6%">
                            <div class="map_title_innerbox">
                                <div class="map_title" style="background-image: url(../../statics/css/img/second_title.png);">南区监控</div>
                            </div>
                        </div>
                        <div style="width: 98%;height: 77%;float: left;border: solid 1px #2c85d2;margin-left: 1%">
                            <div id="playWnd1" class="playWnd" style=" left: 0.5%; top: 0.5%;width: 100%;height: 100%"></div>
                        </div>
                        <div id="south" style="width: 98%;height: 4%;float: left;padding-top: 0.5%">
                            <!--<span class="year_chose" style="text-align:center;width: 24%;margin-left: 1%;height: 26px;line-height: 22px;cursor: pointer">入口</span>
                            <span class="year_chose" style="text-align:center;width: 24%;margin-left: 1%;height: 26px;line-height: 22px;cursor: pointer">出口</span>
                            <span class="year_chose" style="text-align:center;width: 24%;margin-left: 1%;height: 26px;line-height: 22px;cursor: pointer">超市入口</span>
                            <span class="year_chose" style="text-align:center;width: 24%;margin-left: 1%;height: 26px;line-height: 22px;cursor: pointer">公厕</span>


                            <span class="year_chose" style="text-align:center;width: 24%;margin-left: 1%;margin-top:1%;height: 26px;line-height: 22px;cursor: pointer">超市银监</span>
                            <span class="year_chose" style="text-align:center;width: 24%;margin-left: 1%;margin-top:1%;height: 26px;line-height: 22px;cursor: pointer">餐厅银监</span>
                            <span class="year_chose" style="text-align:center;width: 24%;margin-left: 1%;margin-top:1%;height: 26px;line-height: 22px;cursor: pointer">停车场</span>

                            <span class="year_chose" style="text-align:center;width: 24%;margin-left: 1%;margin-top:1%;height: 26px;line-height: 22px;cursor: pointer">更多</span>-->
                        </div>

                    </div>

                </div>
                <div class="dataAllBorder01 cage_cl" style="margin-top: 0.5% !important; height: 39%; position: relative;">
                    <div class="dataAllBorder02" >
                        <div class="map_title_box" style="height: 6%">
                            <div class="map_title_innerbox">
                                <div class="map_title" style="background-image: url(../../statics/css/img/second_title.png);">北区监控</div>
                            </div>
                        </div>
                        <div style="width: 98%;height: 77%;float: left;border: solid 1px #2c85d2;margin-left: 1%">
                            <div id="playWnd2" class="playWnd" style=" left: 0.5%; top: 0.5%;width: 100%;height: 100%"></div>
                        </div>
                        <div id="north" style="width: 98%;height: 4%;float: left;padding-top: 0.5%">
                        </div>
                    </div>
                </div>


            </div>

            <div class="right_cage" style="width: 29%">
                <!--顶部切换位置-->
                <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 33%">
                    <div class="dataAllBorder02" >
                        <div class="data_tit1" style="height: 7%">今日单品销售排名</div>
                        <div id="dpSailChart" style="height: 90%"></div>
                    </div>
                </div>

                <div class="dataAllBorder01 cage_cl check_increase" style=" margin-top: 1% !important;height: 29.5%">
                    <!--切换01-->
                    <div class="dataAllBorder02 over_hide dataAllBorder20" >
                        <div class="data_tit1" style="height: 7%">今日销售趋势</div>
                        <div id="sailChart" style="height: 100%"></div>

                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="margin-top: 1% !important; height: 30%">
                    <div class="dataAllBorder02" >
                        <div class="data_tit1" style="height: 7%">今日销量统计</div>
                        <div class="zhanleft02" id="nqSailChart" style="height: 90%;width: 47%;float: left;padding-top: 1%"></div>
                        <div class="zhanleft02" id="bqSailChart" style="height: 90%;width: 47%;float: left;padding-top: 1% "></div>
                    </div>
                </div>

            </div>

        </div>

        <div class="inner" style="display: none;margin-left: 0.3%;margin-top: 0.3%;" >
            <div style="height: 50%;">
                <div class="data_left01" style="height: 100%;width: 35%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 6%;">车流量统计</div>
                                <div class="data_chart" id="carFlowChart" style="float:left;width:97%;height: 93%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="height: 100%;width: 30%;float: left;margin-right: 0.3%">
                    <div class="dataAllBorder01 cage_cl" style="height: 35%;width: 100%;float: left;margin-bottom: 0.3%;">
                        <div class="dataAllBorder02">
                            <table class="table_data02" style="border: none;">
                                <tr >
                                    <td class="font07" style="font-size: 24px;">车流量</td>
                                    <td class="font07" id="cllz" style="font-size: 24px;"></td>
                                    <td class="font07" style="font-size: 24px;">客流量</td>
                                    <td class="font07"  id="kllz" style="font-size: 24px;"></td>
                                </tr>
                                <tr >
                                    <td class="font07" style="font-size: 16px;">南区车流量</td>
                                    <td class="font07" id="clln" style="font-size: 16px;"></td>
                                    <td class="font07" style="font-size: 16px;">南区客流量</td>
                                    <td class="font07"  id="klln" style="font-size: 16px;"></td>
                                </tr>
                                <tr >
                                    <td class="font07" style="font-size: 16px;">北区车流量</td>
                                    <td class="font07" id="cllb" style="font-size: 16px;"></td>
                                    <td class="font07" style="font-size: 16px;">北区客流量</td>
                                    <td class="font07"  id="kllb" style="font-size: 16px;"></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="dataAllBorder01 cage_cl" style="height: 64.7%;width: 49.8%;float: left;margin-right: 0.3%;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 7%;">车辆类型对比</div>
                            <div class="data_chart" id="carGroupChart" style="float:left;width:97%;height: 90%"></div>
                        </div>
                    </div>
                    <div class="dataAllBorder01 cage_cl" style="height: 64.7%;width: 49.9%;float: left;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 7%;">客流量对比</div>
                            <div class="data_chart" id="peoplecount" style="float:left;width:97%;height: 90%"></div>
                        </div>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="height: 100%;width: 34.1%;float: left;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 6%;">客流量统计</div>
                        <div class="data_chart" id="peopleflow" style="float:left;width:97%;height: 93%"></div>
                    </div>
                </div>

            </div>
            <div style="height: 49.7%;margin-top: 0.3%">
                <div style="width: 50%;height: 100%;float: left;margin-right: 0.3%">
                    <div class="dataAllBorder01 cage_cl" style="height: 50%;width: 100%;float: left;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 10%;">归属地统计</div>
                            <div class="data_chart" id="carfrom" style="float:left;width:97%;height: 93%"></div>
                        </div>
                    </div>
                    <div class="dataAllBorder01 cage_cl" style="height: 50%;width: 100%;float: left;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 10%;">车辆进出详情</div>
                            <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide"style="height: 87%;overflow-y: scroll;">
                                <table id="carinout" class="table table-bordered">
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: 49.7%;height: 100%;float: left;">
                    <div class="dataAllBorder01 cage_cl" style="height: 100%;width: 100%;float: left;">
                        <div class="dataAllBorder02">
                            <div class="data_tit1" style="height: 5%;">流量销售额对比</div>
                            <div class="data_chart" id="contrastChart" style="float:left;width:97%;height: 93%"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="inner" style="display:none" ><!--赵-->
            <div class="data_left03">
                <div class="dataAllNo01 maginS01">
                    <div class="dataAllBorder01" style="height: 35%;margin: 0.5%">
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%">销售趋势</div>
                            <div class="data_chart" id="salesCurve" style="height: 100%;width: 97%"></div>
                        </div>
                    </div>
                    <div class="dataAllBorder01" style="height: 35%;margin: 0.5%">
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%">客流销售额趋势</div>
                            <div class="data_chart" id="salesCurve1" style="height: 100%;width: 97%"></div>
                        </div>
                    </div>
                    <div class="dataAllBorder01"  style="height: 30%;margin: 0.5%" ><!--左侧底部新增-->
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%;">客单价</div>
                                <div class="data_chart"  id="kdj" style="height: 100%;width: 97%"></div>
                                <!--<table class="table_data01" id="detaillist">

                                </table>-->


                        </div>
                    </div>
                </div>
            </div>
            <div class="data_left04">
                <!--style="margin-top: 6.3%"-->
                <div class="dataAllNo01">
                    <div class="dataAllBorder01" style="height: 70%;margin: 0.5%">
                        <div class="dataAllBorder02" >
                            <div class="data_tit3">营业额分析</div>
                            <table class="table_data02" style="height: 40%">
                                <!--<tr><td class="font07">销量总量</td><td class="font03">1560万元</td><td class="font07">营销投入量</td><td class="font02">560万</td></tr>
                                <tr><td class="font07">总利润</td><td class="font01">1000万元</td><td class="font07">利润率</td><td class="font01">464.15%</td></tr>
-->
                                <tr style="text-align: center"><td class="font07">销量总额</td><td id="totalz" class="font03"></td></tr>
                                <tr style="text-align: center"><td class="font07">南区销量总额</td><td id="stotalz" class="font01"></td></tr>
                                <tr style="text-align: center"><td class="font07">北区销量总额</td><td id="ntotalz" class="font01"></td></tr>

                            </table>
                            <p>
                            <div style="height: 55%" class="zhanleft01"  id="allAly01"></div>
                            <div style="height: 55%" class="zhanleft01"  id="allAly02"></div>
                            </p>
                            <!-- <p class="zhanleft02" id="allAly03"></p>-->
                        </div>
                    </div>
                    <div class="dataAllBorder01" style="height: 30%;margin: 0.5%"><!--中间底部新增-->
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%">实时订单</div>
                            <div  style=" width:98%;height: 85%;float: left;overflow-y: auto;margin-left: 1% ">
                                <div id="realtimed" class="message_scroll_box1">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="data_left03">
                <div class="dataAllNo01 maginS01">
                    <div class="dataAllBorder01"  style="height: 70%;margin: 0.5%">
                        <div class="dataAllBorder02">
                            <div class="data_tit3">单品销售排行</div>
                            <div id="paihang1" style="height: 90%"></div>
                            <!-- <div class="data_tit3">北区收入分析</div>
                             <table class="table_data01">
                                 <tr>
                                     <td>营业额：</td><td colspan="3" class="font02">123653元</td>
                                 </tr>
                                 <tr>
                                     <td>商家数：</td><td colspan="3" class="font02">17个</td>
                                 </tr>
                                 <tr><td>支出最多渠道</td><td class="font05">渠道A(56%)</td><td>支出最少渠道</td><td class="font04">渠道C(2.8%)</td></tr>
                                 <tr><td>渠道A支出</td><td class="font6">53602元</td><td>渠道A支出占比</td><td class="font6">4.8%</td></tr>
                                 <tr><td>渠道B支出</td><td class="font6">53602元</td><td>渠道B支出占比</td><td class="font6">4.8%</td></tr>
                                 <tr><td>渠道C支出</td><td class="font6">53602元</td><td>渠道D支出占比</td><td class="font6">4.8%</td></tr>

                             </table>-->
                            <!--<p class="data_chart01" id="zhanbi03"></p>-->
                        </div>
                    </div>
                    <div class="dataAllBorder01" style="height: 30%;margin: 0.5%"><!--右侧底部新增-->
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%">商品列表</div>
                            <div style="width: 98%;height: 90%;float: left;border: solid 1px #2c85d2;margin-left: 1%">
                                    <table class="table_data01" id="detaillist">

                                    </table>
                                <!--<img src="../../statics/css/img/shouyin2.jpg" style="width: 100%;height: 100%">-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="inner" style="display: none">
            <div class="clear"></div>
            <div class="data_left05" style="height :55%;margin-top: 3%">
                <div class="dataAllNo02 ">
                    <div class="dataAllBorder01">
                        <div class="dataAllBorder02">
                            <div class="data_tit" style="height: 4%" >南区大屏</div>
                            <div style="border: solid 1px red;width: 68%;height: 89%;margin-left: 1%;margin-top: 1%;float: left;background-color: #2b2b2b">
                                <img id="dapingpic"src="../../statics/css/img/holdon.gif" style="width: 100%;height: 100%;">
                            </div>
                            <div style="width: 29%;height: 89%;margin-left: 1%;margin-top: 1%;float: left">
                                <div style="border: solid 1px blue;height: 10%;color: white;padding-top: 3%;padding-left: 1%" >当前推送模式：<input type="radio" name="modelbig" value="0" checked onclick="dapingsendS(this)">自动<input type="radio" name="modelbig" value="1" style="margin-left: 15%;" onclick="dapingsendS(this)">手动</div>
                                <div id="statusbigS" style="border: solid 1px blue;height: 10%;color: white;padding-top: 3%;padding-left: 1%">当前屏幕状态：</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="data_left05" style="height :55%;margin-top: 3%">
                <div class="dataAllNo02 ">
                    <div class="dataAllBorder01">
                        <div class="dataAllBorder02">
                            <div class="data_tit" style="height: 4%">北区大屏</div>
                            <div style="border: solid 1px red;width: 68%;height: 89%;margin-left: 1%;margin-top: 1%;float: left;background-color: #2b2b2b">
                                <img id="dapingpicN"src="" style="width: 100%;height: 100%;">
                            </div>
                            <div style="width: 29%;height: 89%;margin-left: 1%;margin-top: 1%;float: left">
                                <div style="border: solid 1px blue;height: 10%;color: white;padding-top: 3%;padding-left: 1%" >当前推送模式：<input type="radio" name="modelbigN" value="0" checked onclick="dapingsendN(this)">自动<input type="radio" name="modelbigN" value="1" style="margin-left: 15%;" onclick="dapingsendN(this)">手动</div>
                                <div id="statusbigN"style="border: solid 1px blue;height: 10%;color: white;padding-top: 3%;padding-left: 1%">当前状态：</div>

                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <div class="clear"></div>
            <div class="data_left05" style="height:44%;margin-top: 0.5%">
                <div class="dataAllNo02">
                    <div class="dataAllBorder01">
                        <div class="dataAllBorder02">
                            <div class="data_tit" style="height: 3%">南区诱导屏</div>
                            <div id="infoS"style="overflow-y:hidden;text-align: left;font-size:80px;border: solid 1px red;width: 60%;height: 89%;margin-left: 1%;margin-top: 1%;float: left;background-color: #2b2b2b;color: green;">
                                <p>&nbsp;&nbsp;剩余车位</p>
                                <p>&nbsp;&nbsp;大车位:<span id="bigparking">000</span></p>
                                <p>&nbsp;&nbsp;小车位:<span id="smallparking">000</span></p>
                            </div>
                            <div style="width: 35%;height: 89%;margin-left: 1%;margin-top: 1%;float: left">
                                <div id="tiaojian1SN"style="border: solid 1px blue;height: 12%;color: white;padding-top: 3%;padding-left: 1%" >当前推送模式：<input type="radio" name="model" value="0" checked onclick="xiaopingsendS(this)">自动<input type="radio" name="model" value="1" style="margin-left: 15%;" onclick="xiaopingsendS(this)">手动</div>
                                <div id="div1" style="border: solid 1px blue;height: 74%;color: white;padding-top: 2%;padding-left: 1%;">
                                    <p id="tiaojian2SN"style="margin-top: 20px !important;">请选择字体大小：<input type="radio" name="fz" value="60" checked onclick="tishiS(this)">24px<input type="radio" name="fz" value="80" style="margin-left: 12%;"onclick="tishiS(this)">32px</p>
                                    <p id="tiaojian3SN"style="margin-top: 20px !important;">请选择字体颜色：<input type="radio" name="fc" value="0">红色<input type="radio" name="fc" value="1" style="margin-left: 12%;"checked>绿色<input type="radio" name="fc" value="2" style="margin-left: 12%;">黄色</p>
                                    <p style="margin-top: 20px !important;">请输入推送内容：</p>
                                    <input id="tiaojian4SN"type="text" style="width:100%;color: black;">
                                    <p id="tishi1S"style="color: red">最多推送32个字</p>
                                    <p id="tishi2S"style="color: red; display:none;">最多推送20个字</p>
                                </div>
                                <div id="div2" style="border: solid 1px blue;height: 12%;color: white;padding-top: 2%;padding-left: 1%"><button class="chose_enter" style="float: right;margin-right: 3%" onclick="sengInfoSmallS()">发送</button></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="data_left05" style="height:44%; margin-top: 0.5%">
                <div class="dataAllNo02">
                    <div class="dataAllBorder01">
                        <div class="dataAllBorder02">
                            <div class="data_tit" style="height: 3%">北区诱导屏</div>
                            <div id="infoN" style="overflow-y:hidden;text-align: left;font-size:80px;border: solid 1px red;width: 60%;height: 89%;margin-left: 1%;margin-top: 1%;float: left;background-color: #2b2b2b;color: green;">
                                <p>&nbsp;&nbsp;剩余车位</p>
                                <p>&nbsp;&nbsp;大车位:<span id="bigparkingN">000</span></p>
                                <p>&nbsp;&nbsp;小车位:<span id="smallparkingN">000</span></p>
                            </div>
                            <div style="width: 35%;height: 89%;margin-left: 1%;margin-top: 1%;float: left">
                                <div id="tiaojian1N"style="border: solid 1px blue;height: 12%;color: white;padding-top: 3%;padding-left: 1%" >当前推送模式：<input type="radio" name="modelN" value="0" checked onclick="xiaopingsendN(this)">自动<input type="radio" name="modelN" value="1" style="margin-left: 15%;" onclick="xiaopingsendN(this)">手动</div>
                                <div id="div1N" style="border: solid 1px blue;height: 74%;color: white;padding-top: 2%;padding-left: 1%;">
                                    <p id="tiaojian2N"style="margin-top: 20px !important;">请选择字体大小：<input type="radio" name="fzN" value="60" checked onclick="tishiN(this)">24px<input type="radio" name="fzN" value="80" style="margin-left: 12%;"onclick="tishiN(this)">32px</p>
                                    <p id="tiaojian3N"style="margin-top: 20px !important;">请选择字体颜色：<input type="radio" name="fcN" value="0">红色<input type="radio" name="fcN" value="1" style="margin-left: 12%;"checked>绿色<input type="radio" name="fcN" value="2" style="margin-left: 12%;">黄色</p>
                                    <p style="margin-top: 20px !important;">请输入推送内容：</p>
                                    <input id="tiaojian4N"type="text" style="width:100%;color: black;">
                                    <p id="tishi1N"style="color: red">最多推送32个字</p>
                                    <p id="tishi2N"style="color: red; display:none;">最多推送20个字</p>
                                </div>
                                <div id="div2N" style="border: solid 1px blue;height: 12%;color: white;padding-top: 2%;padding-left: 1%"><button class="chose_enter" style="float: right;margin-right: 3%" onclick="sengInfoSmallN()">发送</button></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="inner" style="display: none;margin-left: 0.3%;margin-top: 0.3%;">
            <div style="height: 30%;">
                <div class="data_left01" style="height: 100%;width: 35%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 9%;">车位统计</div>
                                <table class="table_data02" style="border: none;text-align: center;font-size: 20px;">
                                    <tr >
                                        <td></td>
                                        <td>总数</td>
                                        <td>大车位剩余</td>
                                        <td>车位占用率</td>
                                        <td>小车位剩余</td>
                                        <td>车位占用率</td>
                                    </tr>
                                    <tr >
                                        <td>南区</td>
                                        <td id="soutotal" >--</td>
                                        <td id="soubsy" >--</td>
                                        <td id="soubzyl">--</td>
                                        <td id="soussy" >--</td>
                                        <td id="souszyl">--</td>
                                    </tr>
                                    <tr >
                                        <td >北区</td>
                                        <td id="nortotal" >--</td>
                                        <td id="norbsy" >--</td>
                                        <td id="norbzyl">--</td>
                                        <td id="norssy" >--</td>
                                        <td id="norszyl">--</td>
                                    </tr>
                                    <tr >
                                        <td >总计</td>
                                        <td id="ttotal">--</td>
                                        <td id="tbsy">--</td>
                                        <td id="tbzyl">--</td>
                                        <td id="tssy">--</td>
                                        <td id="tszyl">--</td>
                                    </tr>
                                </table>
                                <!--<div class="data_chart" id="carflow" style="float:left;width:97%;height: 93%"></div>-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left01" style="height: 100%;width: 45%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 9%;">车位占用率统计</div>
                                <div class="data_chart" id="zhanyonglv" style="float:left;width:97%;height: 91%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left01" style="height: 100%;width: 19%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div id="playWnd3" class="playWnd" style=" left: 0.5%; top: 0.5%;"></div>
                                <!--<div class="data_tit1" style="height: 9%;">车位视频</div>
                                <div style="width:97%;height: 91%;margin-left: 1.5%">
                                    <img src="../../statics/css/img/chewei.jpg" style="height: 100%;width: 100%;">
                                </div>-->
                                <!--<div class="data_chart" id="carflow" style="float:left;width:97%;height: 93%"></div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="height: 70%;margin-top: 0.2%">
                <div class="data_left01" style="height: 100%;width: 49.5%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 4%;">南区车位</div>
                                <div style="width:100%;height: 96%;display: inline-block;float: left;position: relative">
                                    <img src="../../statics/css/img/southParking.png" style="height: 100%;width:80%;float: left">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="ab8ddebda71a42c1b0cdc9bcd263a44d" onclick="startPreview3('ab8ddebda71a42c1b0cdc9bcd263a44d')" style="position: absolute;top: 5%;left: 19%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="a1a8fd257bf245cfa12c508ec8f86260" onclick="startPreview3('a1a8fd257bf245cfa12c508ec8f86260')" style="position: absolute;top: 5%;left: 22%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="051a8a10660349b9913deefbb5513e80" onclick="startPreview3('051a8a10660349b9913deefbb5513e80')" style="position: absolute;top: 5%;left: 58%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="62a1ac494c944b8f8bc2bf2c5bc4e274" onclick="startPreview3('62a1ac494c944b8f8bc2bf2c5bc4e274')" style="position: absolute;top: 5%;left: 61%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="b778ff67015a4f509969ab0687083944" onclick="startPreview3('b778ff67015a4f509969ab0687083944')" style="position: absolute;top: 19%;left: 23%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="b0ae09d7ba6641a9ac1a608320cff94e" onclick="startPreview3('b0ae09d7ba6641a9ac1a608320cff94e')" style="position: absolute;top: 19%;left: 26%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="f833329f921641f993fdb905e55cba45" onclick="startPreview3('f833329f921641f993fdb905e55cba45')" style="position: absolute;top: 19%;left: 52%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="87b5aa3e8cb44d6f98d11fe1fa2cc25e" onclick="startPreview3('87b5aa3e8cb44d6f98d11fe1fa2cc25e')" style="position: absolute;top: 19%;left: 55%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-right.png" name="camera-right"  id="06d1a66a345c46f8a4fc3f045f47ebcf" onclick="startPreview3('06d1a66a345c46f8a4fc3f045f47ebcf')" style="position: absolute;top: 53%;left: 2%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="1a13efb041cb44d7a4674015962e7efd" onclick="startPreview3('1a13efb041cb44d7a4674015962e7efd')" style="position: absolute;top: 54%;left: 23%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="0f68f9310b7a48029ebc401ed0cc7a82" onclick="startPreview3('0f68f9310b7a48029ebc401ed0cc7a82')" style="position: absolute;top: 54%;left: 26%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="7ec237647e8644f7a22e8fce38553e54" onclick="startPreview3('7ec237647e8644f7a22e8fce38553e54')" style="position: absolute;top: 54%;left: 56%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="3ec382feb50f4ae6a04269fc1505cf7a" onclick="startPreview3('3ec382feb50f4ae6a04269fc1505cf7a')" style="position: absolute;top: 54%;left: 59%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="9aa47d07671e4218a7060f7809f65039" onclick="startPreview3('9aa47d07671e4218a7060f7809f65039')" style="position: absolute;top: 53%;left: 75%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="3eeb517aae2c433d8c03ada6946b65e6" onclick="startPreview3('3eeb517aae2c433d8c03ada6946b65e6')" style="position: absolute;top: 63%;left: 19%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="fe507d03c38449d59ad0ec85c45f9d3c" onclick="startPreview3('fe507d03c38449d59ad0ec85c45f9d3c')" style="position: absolute;top: 63%;left: 22%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="7bebffd4b55045fa92fc2be54fc98465" onclick="startPreview3('7bebffd4b55045fa92fc2be54fc98465')" style="position: absolute;top: 63%;left: 58%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="9adc1284a4384670805d30caf78a58a1" onclick="startPreview3('9adc1284a4384670805d30caf78a58a1')" style="position: absolute;top: 63%;left: 61%;width: 3%;cursor: pointer">


                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="f5fed85576c24eda9c7a9b8b8add51e9" onclick="startPreview3('f5fed85576c24eda9c7a9b8b8add51e9')" style="position: absolute;top: 71%;left: 25%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="556487f419494ca599ad0bffd068416c" onclick="startPreview3('556487f419494ca599ad0bffd068416c')" style="position: absolute;top: 71%;left: 28%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="c2ca87242e224cb6bc6879e151f8a516" onclick="startPreview3('c2ca87242e224cb6bc6879e151f8a516')" style="position: absolute;top: 71%;left: 52%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="35aed1c74a554f6e9f61a295b1b65e0a" onclick="startPreview3('35aed1c74a554f6e9f61a295b1b65e0a')" style="position: absolute;top: 71%;left: 55%;width: 3%;cursor: pointer">

                                 <!--   <img src="../statics/css/img/camera-left.png" id="" onclick="startPreview3('')" style="position: absolute;top: 71%;left: 75%;width: 3%;cursor: pointer">-->

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="221543e865dd499e99321fd1c300b129" onclick="startPreview3('221543e865dd499e99321fd1c300b129')" style="position: absolute;top: 79%;left: 19%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="c512f4f361894af9b3946582fc6f008d" onclick="startPreview3('c512f4f361894af9b3946582fc6f008d')" style="position: absolute;top: 79%;left: 22%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="894d37618324423ba9f4b836996de375" onclick="startPreview3('894d37618324423ba9f4b836996de375')" style="position: absolute;top: 79%;left: 58%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="533658fb375f461abff56df18245187e" onclick="startPreview3('533658fb375f461abff56df18245187e')" style="position: absolute;top: 79%;left: 61%;width: 3%;cursor: pointer">



                                    <div style="width:19%;height:90%;margin-left: 5px;display: inline-block;color: red;text-align: center;font-size: 22px;position: relative">
                                        <div style="top: 11% !important; position: absolute">后广场货车区:<span id="btsbts" style="color:springgreen;">000</span></div>
                                        <div style="top: 58% !important; position: absolute">小车区:<span id="fcs" style="color: springgreen;">000</span></div>
                                        <div style="top: 68% !important; position: absolute">前广场客车区:<span id="fbs" style="color: springgreen;">000</span></div>
                                        <div style="top: 78% !important; position: absolute">前广场货车区:<span id="fts" style="color: springgreen;">000</span></div>
                                        <div style="top: 88% !important; position: absolute">超长货车区:<span id="ls" style="color: springgreen;">000</span></div>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left01" style="height: 100%;width: 49.5%;float: left;margin: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 4%;">北区车位</div>
                                <div style="width:100%;height: 96%;display: inline-block;float: left;position: relative">
                                    <img src="../../statics/css/img/northParking.png" style="height: 100%;width: 80%;float: left">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="6b042f6f844f4e8d8c540027aca7d2b1" onclick="startPreview3('6b042f6f844f4e8d8c540027aca7d2b1')" style="position: absolute;top: 3%;left: 18%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="e18f10a7d3344c2aaeb9ef37ae01ba50" onclick="startPreview3('e18f10a7d3344c2aaeb9ef37ae01ba50')" style="position: absolute;top: 3%;left: 21%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="33cf061b14d34283bed2a7f4e5cd18fa" onclick="startPreview3('33cf061b14d34283bed2a7f4e5cd18fa')" style="position: absolute;top: 3%;left: 57%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="23507b17c56c46d58f8c4260a65752b9" onclick="startPreview3('23507b17c56c46d58f8c4260a65752b9')" style="position: absolute;top: 3%;left: 60%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="a57da80a8a9a4d9195c572a70fd00444" onclick="startPreview3('a57da80a8a9a4d9195c572a70fd00444')" style="position: absolute;top: 14%;left: 23%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="daa4f3f1567b41f7bac99f510795e1f4" onclick="startPreview3('daa4f3f1567b41f7bac99f510795e1f4')" style="position: absolute;top: 14%;left: 26%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="65a17dd66f4f4c7c973bb6c99edaf43a" onclick="startPreview3('65a17dd66f4f4c7c973bb6c99edaf43a')" style="position: absolute;top: 14%;left: 51%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="360a28c40c5244ca9b9f5afe2be22bb2" onclick="startPreview3('360a28c40c5244ca9b9f5afe2be22bb2')" style="position: absolute;top: 14%;left: 54%;width: 3%;cursor: pointer">


                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="52f200efa7d347bda403cca58f547e00" onclick="startPreview3('52f200efa7d347bda403cca58f547e00')" style="position: absolute;top: 51%;left: 22%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="8429e85810f54c8c8aa4577aa63da02c" onclick="startPreview3('8429e85810f54c8c8aa4577aa63da02c')" style="position: absolute;top: 51%;left: 25%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="ff70dfec42a14fb59e5ab74beee4e7ea" onclick="startPreview3('ff70dfec42a14fb59e5ab74beee4e7ea')" style="position: absolute;top: 51%;left: 56%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="24d62195117e49f38afb76eaf494679f" onclick="startPreview3('24d62195117e49f38afb76eaf494679f')" style="position: absolute;top: 51%;left: 59%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="8827c5b9737648e0911f25cc646034b5" onclick="startPreview3('8827c5b9737648e0911f25cc646034b5')" style="position: absolute;top: 51%;left: 75%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="6eed801b84a94c7eb4fd75b431f57566" onclick="startPreview3('6eed801b84a94c7eb4fd75b431f57566')" style="position: absolute;top: 62%;left: 19%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="bb5bbd9f51f2494a96f9c31a5d49c2fc" onclick="startPreview3('bb5bbd9f51f2494a96f9c31a5d49c2fc')" style="position: absolute;top: 62%;left: 22%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="5870b704687c45df84e6bc35c385f1f3" onclick="startPreview3('5870b704687c45df84e6bc35c385f1f3')" style="position: absolute;top: 62%;left: 58%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="7c2b294dc1b847e8ba5a9a003bf42d4b" onclick="startPreview3('7c2b294dc1b847e8ba5a9a003bf42d4b')" style="position: absolute;top: 62%;left: 61%;width: 3%;cursor: pointer">


                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="4004395b613143ec92e5d1dfd7c6fda0" onclick="startPreview3('4004395b613143ec92e5d1dfd7c6fda0')" style="position: absolute;top: 71%;left: 25%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="3ecd6993d58e4173a87ff591f8f93a42" onclick="startPreview3('3ecd6993d58e4173a87ff591f8f93a42')" style="position: absolute;top: 71%;left: 28%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="52ccaae3f53942fb90ce9f3e0d7c7c02" onclick="startPreview3('52ccaae3f53942fb90ce9f3e0d7c7c02')" style="position: absolute;top: 71%;left: 52%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="25d0ff63350f415ea84ff2451cf3cf02" onclick="startPreview3('25d0ff63350f415ea84ff2451cf3cf02')" style="position: absolute;top: 71%;left: 55%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="0ac334abec4943428954a8b4708418a1" onclick="startPreview3('0ac334abec4943428954a8b4708418a1')" style="position: absolute;top: 71%;left: 75%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="4c024d0a27af4d3ebaa9a153138664f4" onclick="startPreview3('4c024d0a27af4d3ebaa9a153138664f4')" style="position: absolute;top: 79%;left: 19%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="775f90dfc16b4c17accbc629cbb7c7c1" onclick="startPreview3('775f90dfc16b4c17accbc629cbb7c7c1')" style="position: absolute;top: 79%;left: 22%;width: 3%;cursor: pointer">

                                    <img src="../statics/css/img/camera-left.png" name="camera-left" id="faa537d8d135461d807f152f865f0660" onclick="startPreview3('faa537d8d135461d807f152f865f0660')" style="position: absolute;top: 79%;left: 58%;width: 3%;cursor: pointer">
                                    <img src="../statics/css/img/camera-right.png" name="camera-right" id="8c6a296d601c42608431dd2cbb5af32d" onclick="startPreview3('8c6a296d601c42608431dd2cbb5af32d')" style="position: absolute;top: 79%;left: 61%;width: 3%;cursor: pointer">


                                    <div style="width:19%;height: 90%;margin-left: 5px;display: inline-block;float: left;color: red;text-align: center;font-size: 22px;position: relative">
                                        <div style="top: 11% !important; position: absolute">后广场货车区:<span id="btn" style="color: springgreen;">000</span></div>
                                        <div style="top: 57% !important; position: absolute">小车区:<span id="fcn" style="color: springgreen;">000</span></div>
                                        <div style="top: 67% !important; position: absolute">前广场客车区:<span id="fbn" style="color: springgreen;">000</span></div>
                                        <div style="top: 77% !important; position: absolute">前广场货车区:<span id="ftn" style="color: springgreen;">000</span></div>
                                        <div style="top: 87% !important; position: absolute">超长货车区:<span id="ln" style="color: springgreen;">000</span></div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="inner" style="display: none;"><!--岩-->
            <div class="clear"></div>
            <div class="data_left05" style="height :99%;margin-top: 3%">
                <div class="dataAllNo02 ">
                    <div class="dataAllBorder01">
                        <div class="dataAllBorder02">
                            <div class="data_tit" style="height: 3%" >南区公厕</div>
                            <div style="height: 25%">
                                <table class="table_data02" style="border: none;height: 100%">
                                    <tr style="height: 45%">
                                        <td class="font07" style="font-size: 24px;width: 25%">男厕</td>
                                        <td class="font07" style="font-size: 24px;">总数:10</td>
                                        <td class="font07" style="font-size: 24px;"><span style="background-color: springgreen;width: 30px;height: 20px;display: inline-block"></span>&nbsp;未用:<span id="manunuses"></span></td>
                                        <td class="font07" style="font-size: 24px;"><span style="background-color: red;width: 30px;height: 20px;display: inline-block"></span>&nbsp;在用:<span id="manuses"></span></td>
                                    </tr>
                                    <tr  style="height: 45%">
                                        <td class="font07" style="font-size: 24px;width: 25%">女厕</td>
                                        <td class="font07" style="font-size: 24px;">总数:40</td>
                                        <td class="font07" style="font-size: 24px;"><span style="background-color: springgreen;width: 30px;height: 20px;display: inline-block"></span>&nbsp;未用:<span id="womanunuses"></span></td>
                                        <td class="font07" style="font-size: 24px;"><span style="background-color: red;width: 30px;height: 20px;display: inline-block"></span>&nbsp;在用:<span id="womanuses"></span></td>
                                    </tr>
                                </table>

                            </div>
                            <div style="height: 70%;position: relative">
                                <img src="../../statics/css/img/wc_bg.png" style="width: 100%;height: 100%">
                                <div style="width: 24%;height: 10%;position: absolute;left: 0.5%;top:1%" >
                                    <img src="../../statics/css/img/down_green.png" id="s2E" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/down_green.png" id="s2F" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/down_green.png" id="s30" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/down_green.png" id="s31" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/green.png" id="s32" style="width: 18%;height: 95%;padding: 2%">
                                </div>

                                <div style="width: 47%;height: 10%;position: absolute;left: 53%;top:1%" >
                                    <img src="../../statics/css/img/green.png" id="s11" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/green.png" id="s12" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/green.png" id="s13" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="s14" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="s15" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="s16" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="s17" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="s18" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="s19" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="s1A" style="width: 9%;height: 95%;padding: 1%">
                                </div>

                                <div style="width: 24%;height: 10%;position: absolute;left: 0.4%;top:62%" >
                                    <img src="../../statics/css/img/top_green.png" id="s2D" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/top_green.png" id="s2C" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/top_green.png" id="s2B" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/top_green.png" id="s2A" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/green.png" id="s29" style="width: 18%;height: 95%;padding: 2%">
                                </div>

                                <div style="width: 33%;height: 9.5%;position: absolute;left: 67%;top:90%" >
                                    <img src="../../statics/css/img/top_green.png" id="s28" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="s27" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="s26" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="s25" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="s24" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="s23" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="s22" style="width: 13%;height: 95%;padding: 1%">
                                </div>

                                <div style="width: 6%;height: 30%;position: absolute;left: 50.5%;top:27%" >
                                    <img src="../../statics/css/img/right_green.png" id="s04" style="width: 97%;height: 25%;padding: 7%">
                                    <img src="../../statics/css/img/right_green.png" id="s03" style="width: 97%;height: 25%;padding: 7%">
                                    <img src="../../statics/css/img/right_green.png" id="s02" style="width: 97%;height: 25%;padding: 7%">
                                    <img src="../../statics/css/img/right_green.png" id="s01" style="width: 97%;height: 25%;padding: 7%">
                                </div>

                                <div style="width: 6%;height: 39%;position: absolute;left: 69.5%;top:22%" >
                                    <img src="../../statics/css/img/left_green.png" id="s05" style="width: 97%;height: 20%;padding: 9%">
                                    <img src="../../statics/css/img/left_green.png" id="s06" style="width: 97%;height: 20%;padding: 9%">
                                    <img src="../../statics/css/img/left_green.png" id="s07" style="width: 97%;height: 20%;padding: 9%">
                                    <img src="../../statics/css/img/left_green.png" id="s08" style="width: 97%;height: 20%;padding: 9%">
                                    <img src="../../statics/css/img/left_green.png" id="s09" style="width: 97%;height: 20%;padding: 9%">
                                </div>

                                <div style="width: 6%;height: 54%;position: absolute;left: 75.3%;top:22%" >
                                    <img src="../../statics/css/img/right_green.png" id="s10" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="s0F" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="s0E" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="s0D" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="s0C" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="s0B" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="s0A" style="width: 97%;height: 14.3%;padding: 11%">
                                </div>

                                <div style="width: 6%;height: 54%;position: absolute;left: 93.8%;top:22.5%" >
                                    <img src="../../statics/css/img/left_green.png" id="s1B" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="s1C" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="s1D" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="s1E" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="s1F" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="s20" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="s21" style="width: 97%;height: 14.3%;padding: 11%">
                                </div>

                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <div class="data_left05" style="height :99%;margin-top: 3%">
                <div class="dataAllNo02 ">
                    <div class="dataAllBorder01">
                        <div class="dataAllBorder02">
                            <div class="data_tit" style="height: 3%">北区公厕</div>
                            <div style="height: 25%">
                                <table class="table_data02" style="border: none;height: 100%">
                                    <tr style="height: 45%">
                                        <td class="font07" style="font-size: 24px;width: 25%">男厕</td>
                                        <td class="font07" style="font-size: 24px;">总数:10</td>
                                        <td class="font07" style="font-size: 24px;"><span style="background-color: springgreen;width: 30px;height: 20px;display: inline-block"></span>&nbsp;未用:<span id="manunusen"></span></td>
                                        <td class="font07" style="font-size: 24px;"><span style="background-color: red;width: 30px;height: 20px;display: inline-block"></span>&nbsp;在用:<span id="manusen"></span></td>
                                    </tr>
                                    <tr  style="height: 45%">
                                        <td class="font07" style="font-size: 24px;width: 25%">女厕</td>
                                        <td class="font07" style="font-size: 24px;">总数:40</td>
                                        <td class="font07" style="font-size: 24px;"><span style="background-color: springgreen;width: 30px;height: 20px;display: inline-block"></span>&nbsp;未用:<span id="womanunusen"></span></td>
                                        <td class="font07" style="font-size: 24px;"><span style="background-color: red;width: 30px;height: 20px;display: inline-block"></span>&nbsp;在用:<span id="womanusen"></span></td>
                                    </tr>
                                </table>
                            </div>
                            <div style="height: 70%;position: relative" >
                                <img src="../../statics/css/img/wc_bg.png" style="width: 100%;height: 100%">
                                <div style="width: 24%;height: 10%;position: absolute;left: 0.5%;top:1%" >
                                    <img src="../../statics/css/img/down_green.png" id="n2E" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/down_green.png" id="n2F" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/down_green.png" id="n30" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/down_green.png" id="n31" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/green.png" id="n32" style="width: 18%;height: 95%;padding: 2%">
                                </div>

                                <div style="width: 47%;height: 10%;position: absolute;left: 53%;top:1%" >
                                    <img src="../../statics/css/img/green.png" id="n11" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/green.png" id="n12" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/green.png" id="n13" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="n14" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="n15" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="n16" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="n17" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="n18" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="n19" style="width: 9%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/down_green.png" id="n1A" style="width: 9%;height: 95%;padding: 1%">
                                </div>

                                <div style="width: 24%;height: 10%;position: absolute;left: 0.4%;top:62%" >
                                    <img src="../../statics/css/img/top_green.png" id="n2D" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/top_green.png" id="n2C" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/top_green.png" id="n2B" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/top_green.png" id="n2A" style="width: 18%;height: 95%;padding: 2%">
                                    <img src="../../statics/css/img/green.png" id="n29" style="width: 18%;height: 95%;padding: 2%">
                                </div>

                                <div style="width: 33%;height: 9.5%;position: absolute;left: 67%;top:90%" >
                                    <img src="../../statics/css/img/top_green.png" id="n28" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="n27" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="n26" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="n25" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="n24" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="n23" style="width: 13%;height: 95%;padding: 1%">
                                    <img src="../../statics/css/img/top_green.png" id="n22" style="width: 13%;height: 95%;padding: 1%">
                                </div>

                                <div style="width: 6%;height: 30%;position: absolute;left: 50.5%;top:27%" >
                                    <img src="../../statics/css/img/right_green.png" id="n04" style="width: 97%;height: 25%;padding: 7%">
                                    <img src="../../statics/css/img/right_green.png" id="n03" style="width: 97%;height: 25%;padding: 7%">
                                    <img src="../../statics/css/img/right_green.png" id="n02" style="width: 97%;height: 25%;padding: 7%">
                                    <img src="../../statics/css/img/right_green.png" id="n01" style="width: 97%;height: 25%;padding: 7%">
                                </div>

                                <div style="width: 6%;height: 39%;position: absolute;left: 69.5%;top:22%" >
                                    <img src="../../statics/css/img/left_green.png" id="n05" style="width: 97%;height: 20%;padding: 9%">
                                    <img src="../../statics/css/img/left_green.png" id="n06" style="width: 97%;height: 20%;padding: 9%">
                                    <img src="../../statics/css/img/left_green.png" id="n07" style="width: 97%;height: 20%;padding: 9%">
                                    <img src="../../statics/css/img/left_green.png" id="n08" style="width: 97%;height: 20%;padding: 9%">
                                    <img src="../../statics/css/img/left_green.png" id="n09" style="width: 97%;height: 20%;padding: 9%">
                                </div>

                                <div style="width: 6%;height: 54%;position: absolute;left: 75.3%;top:22%" >
                                    <img src="../../statics/css/img/right_green.png" id="n10" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="n0F" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="n0E" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="n0D" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="n0C" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="n0B" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/right_green.png" id="n0A" style="width: 97%;height: 14.3%;padding: 11%">
                                </div>

                                <div style="width: 6%;height: 54%;position: absolute;left: 93.8%;top:22.5%" >
                                    <img src="../../statics/css/img/left_green.png" id="n1B" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="n1C" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="n1D" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="n1E" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="n1F" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="n20" style="width: 97%;height: 14.3%;padding: 11%">
                                    <img src="../../statics/css/img/left_green.png" id="n21" style="width: 97%;height: 14.3%;padding: 11%">
                                </div>


                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>

        <div class="inner" style="display: none;"><!--岩-->
            <div class="user_top_middle" style="width:20%;position: absolute">
                <span id="shishi" onclick="shishi()" class="year_chose" style="background-color: #3366FF; margin: 5% 3% ;line-height: 23px;text-align:center;width:40%;height: 26px;cursor: pointer">实时视频</span>
                <span id="huifang" onclick="huifang()" class="year_chose" style="margin: 5% 3%;line-height: 23px;text-align:center;width:40%;height: 26px;cursor: pointer">视频回放</span>
            </div>
            <div class="user_left l_left" style="margin-top:3%;margin-left:0.6%;width: 20%">
                <!--<div class="user_left_nav"><img src="../images/left_nav.png"/></div>-->
                <div class="user_line1">
                    <div class="user_line2">
                        <div class="data_tit3" style="height:2.5%;margin-top: -24px">摄像机列表</div>
                        <div class="user_left_top" style="height: 100%;padding-bottom: 3%" id="camaraList">

                                <div  class="panel-body" style=";overflow-y: scroll;height:100%;">
                                    <ul style="height: 10%;color: red" id="indexsCamaraTree" class="ztree"></ul>
                                </div>

                        </div>
                        <div id="timediv" class="user_top_middle" style=";margin-top:3%;height: 25%;display: none">
                            <div style="height: 21%;width: 98%;margin-top: 5%"><span id="cName" style="color: white;margin-left: 12%">当前监控点:</span></div>
                            <div style="height: 21%;width: 98%;">
                                <div class="layui-form">
                                    <div class="layui-form-item">
                                        <div class="layui-inline" style="width: 98%">
                                            <label class="layui-form-label" style="height:23px;width: 30%"><span style="color: white">开始时间</span></label>
                                            <div class="layui-input-inline">
                                                <input  style="height:23px;;width: 80% ;margin-top: 4px" type="text"  class="layui-input" id="beginTime" placeholder="开始时间">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="height: 21%;width: 98%;">
                                <div class="layui-form">
                                    <div class="layui-form-item">
                                        <div class="layui-inline" style="width: 98%">
                                            <label class="layui-form-label" style="height:23px;width: 30%"><spanp style="color: white">结束时间</spanp></label>
                                            <div class="layui-input-inline">
                                                <input  style="height:23px;width: 80% ;margin-top: 4px" type="text" class="layui-input" id="endTime" placeholder="结束时间">
                                            </div>
                                        </div>
                                    </div>
                                </div> </div>
                            <div style="height: 20%;width: 98%;">
                                <span id="startPlayback" class="year_chose" style="margin-left: 20%;line-height: 23px;text-align:center;width:20%;height: 26px;cursor: pointer">开始回放</span>
                                <span id="stopPlayback" class="year_chose" style="margin-left: 20%;line-height: 23px;text-align:center;width:20%;height: 26px;cursor: pointer">停止回放</span>
                            </div>
                            <span id="errMessage" style="color: red;float:left;margin-left: 20%"></span>
                            <!--<span style="text-align:center;width: 20%;margin-left: 2%" class="year_chose">确定</span>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="user_left l_left" style="margin-top:3%; margin-left: 0.6%;width: 78%">
                <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->
                <div class="user_line1">
                    <div class="user_line2" style="padding: 0.5%">
                        <div id="playWnd" class="playWnd" style=" left: 0.5%; top: 0.5%;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <div id="northLayer" style="display: none;padding:10px;">
        <ul id="northTree" class="ztree"></ul>
    </div>
    <div id="southLayer" style="display: none;padding:10px;">
        <ul id="southTree" class="ztree"></ul>
    </div>
<script src="../../statics/js/indexs/echarts-all.js"></script>
<script src="../../statics/js/indexs/index.js"></script>
<script src="../../statics/libs/bootstrap.min.js"></script>
<script src="../../statics/libs/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../statics/js/indexs/jquery.pagination.js"></script>
<script src="../../statics/libs/bootstrap-table-zh-CN.min.js"></script>
<!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>-->
    <script src="../../statics/plugins/layui2.5.6/layui.js"></script>
<!--<script src="js/MainMap.js"></script>-->
<script src="../../statics/js/indexs/home_page.js"></script>
<script src="../../statics/js/artDialog/artDialog.js"></script>
<script src="../../statics/js/artDialog/plugins/iframeTools.source.js"></script>
<script src="../../statics/plugins/hikvision/jsencrypt.min.js"></script>
<script src="../../statics/plugins/hikvision/jsWebControl-1.0.0.min.js"></script>
<script src="../../statics/js/indexs/hikvision.js"></script>
<script src="../../statics/js/indexs/hikvision3.js"></script>
   <!-- <script src="../../statics/plugins/ztree/jquery.ztree.all.min.js"></script>-->
<script>

    function goBackstage() {
        window.location.href="index.html";
    }

    function newPage() {
        window.location.href="../../modules/page/page_1.html";
    }

</script>
<script>

    layui.use('laydate', function() {
        var laydate = layui.laydate;
        //日期时间选择器
        laydate.render({
            elem: '#beginTime'
             ,type: 'datetime'
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'datetime'
        });
        //自定义格式
        laydate.render({
            elem: '#choiceday'
            ,format: 'yyyy-MM-dd'
        });
        //年月选择器
        laydate.render({
            elem: '#choicemonth'
            ,type: 'month'
        });

    });
    var number;
    $(function() {
        if (window.screen.height <= 768) {
            number = 4;
        } else if (window.screen.height > 768 && window.screen.height <= 900) {
            number = 6
        } else if (window.screen.height > 1080) {
            number = 8
        }
    });


   /* function TimeControl(){
        $(".message_scroll_box").animate({marginTop:20},800,
            function(){
                $(".message_scroll_box").css({marginTop:0});    //把顶部的边界清零
                $(".message_scroll_box .message_scroll:first").before($(".message_scroll_box .message_scroll:last"));    //在第一个新闻后面插入最后一个新闻

            });
    }
    var T=setInterval(TimeControl,2300);    //开始定时
    $(".message_scroll_box").mouseenter(function(){
        clearInterval(T);    //停止定时
    })
        .mouseleave(function(){
            T=setInterval(TimeControl,2500);    //再次定时
        })
    /!****************************!/
    function TimeControl1(){
        $(".message_scroll_box1").animate({marginTop:20},800,
            function(){
                $(".message_scroll_box1").css({marginTop:0});    //把顶部的边界清零
                $(".message_scroll_box1 .message_scroll1:first").before($(".message_scroll_box1 .message_scroll1:last"));    //在第一个新闻后面插入最后一个新闻

            });
    }
    var T1=setInterval(TimeControl1,2300);    //开始定时
    $(".message_scroll_box1").mouseenter(function(){
        clearInterval(T1);    //停止定时
    })
        .mouseleave(function(){
            T1=setInterval(TimeControl1,2500);    //再次定时
        })*/
    /****************************/
    </script>
<script>

    function shishi(obj){
        playMode=0;

        $("#camaraList").css("height","100%");
        $("#timediv").css("display","none");
        $('#shishi').css("background-color","#3366FF");
        $('#huifang').css("background-color","");
        uninit();
        layout = "2x2";
        init();
    }
    function huifang(){
        playMode=1;
        var nowDate = new Date();
        var year = nowDate.getFullYear();
        var month = nowDate.getMonth() + 1 < 10 ? "0" + (nowDate.getMonth() + 1)
            : nowDate.getMonth() + 1;
        var day = nowDate.getDate() < 10 ? "0" + nowDate.getDate() : nowDate
            .getDate();
        var dateStr = year + "-" + month + "-" + day;
        $("#beginTime").val(dateStr+" 00:00:00");
        $("#endTime").val(dateStr+" 23:59:59");
        $("#camaraList").css("height","74%");
        $("#timediv").css("display","block")
        $('#huifang').css("background-color","#3366FF");
        $('#shishi').css("background-color","");
        uninit();
        layout = "1x1";
        init()
    }

    //跳转或刷新页面关闭插件 防止重复加载错误
    window.onbeforeunload = onbeforeunload_handler;
    function onbeforeunload_handler() {
        disconnect();
        disconnect1();
    }
</script>


</body>
</html>



























